{extends file="./main.tpl"}
{block name=head}
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="./js/jquery.js" type="text/javascript"></script>
<script src="./js/jquery.dataTables.js" type="text/javascript"></script>

<style type="text/css">
  @import "./css/demo_table_jui.css";
  @import "./themes/ui-lightness/jquery-ui-1.8.4.custom.css";
</style>

<style>
  *{
      font-family: arial;
  }
</style>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $('#datatables').dataTable({
      "sPaginationType":"full_numbers",
      "aaSorting":[[0, "asc"]],
      "bJQueryUI":true
    });
  })
</script>
<script type="text/javascript">    
  function myFunction()
  {
  	if(confirm("Are You Sure To Delete")== true)
  	{
  		return true;
  	}
  	else
  	{
  		return false;
  	}
  }
</script>
{/block}
{block name=body}
<h1 align="center"><font size="5px">Voucher List</font></h1>
<div style="width: 500px;	margin: 30px auto;	padding: 0;">
<table id="datatables" class="display">
  <thead>
    <tr style="font-size:13px;">
      <th align="left">Voucher Type</th>
      <th align="left">Date</th>
      <th align="left">Voucher No</th>
    </tr>
  </thead>
  <tbody>
    {section name=rec loop=$masterArray}
    <tr style="font-size:13px;">
      <td align="left"><a href="voucherDetail.php?transMasterId={$masterArray[rec].transMasterId}">{$masterArray[rec].voucherType}</a></td>
      <td align="left">{$masterArray[rec].transDate}</td>
      <td align="left">{$masterArray[rec].voucherNo}</td>
    </tr> 
    {/section} 
  </tbody>
</table>
</div>
</body>
</div>
{/block}